<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ page trimDirectiveWhitespaces="true"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="itheima" uri="http://itcast.cn/common/"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">

<title>办公自动化系统 v1.0</title>

<!-- Bootstrap Core CSS -->
<link href="<%=basePath%>css/bootstrap.min.css" rel="stylesheet">

<!-- MetisMenu CSS -->
<link href="<%=basePath%>css/metisMenu.min.css" rel="stylesheet">

<!-- DataTables CSS -->
<link href="<%=basePath%>css/dataTables.bootstrap.css" rel="stylesheet">

<!-- Custom CSS -->
<link href="<%=basePath%>css/sb-admin-2.css" rel="stylesheet">

<!-- Custom Fonts -->
<link href="<%=basePath%>css/font-awesome.min.css" rel="stylesheet"
	type="text/css">
<link href="<%=basePath%>css/boot-crm.css" rel="stylesheet"
	type="text/css">

<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>
<style>


a{
font-size:18px;
}


</style>
<body>

	<div id="wrapper">

		<!-- Navigation -->
		<nav class="navbar navbar-default navbar-static-top" role="navigation"
			style="margin-bottom: 0">
		<div class="navbar-header">
			<button type="button" class="navbar-toggle" data-toggle="collapse"
				data-target=".navbar-collapse">
				<span class="sr-only">Toggle navigation</span> <span
					class="icon-bar"></span> <span class="icon-bar"></span> <span
					class="icon-bar"></span>
			</button>
			<a class="navbar-brand" href="index.html">办公自动化系统 v1.0</a>
		</div>
		<!-- /.navbar-header -->
	<ul class="nav nav-tabs navbar-left">
			<li><a href="Main">首页</a></li>
			<li>
				<li class="dropdown"><a class="dropdown-toggle"
					data-toggle="dropdown">业务管理 <span class="caret"></span></a>
					<ul class="dropdown-menu">
						<li><a href="Approve">业务审批</a></li>
						<li><a href="Application">业务申请</a></li>
						<li><a href="ApplicationFind">业务查看</a></li>
					</ul></li>
				<li><a href="yuangong">员工管理</a></li>
				<li class="active"><a href="organization">部门管理</a></li>
				<li class="dropdown"><a class="dropdown-toggle"
					data-toggle="dropdown">会议管理 <span class="caret"></span></a>
					<ul class="dropdown-menu">	
						<li><a href="HuiYiAnPai">会议查看</a></li>
						<li><a href="HuiYiAnPaiSecond">会议申请记录</a></li>	
					</ul></li>
				<li> <a href="Addresslist">通讯簿</a></li>
				<li><a href="GongWen">公文管理</a></li>
				
					<li class="dropdown" ><a class="dropdown-toggle"
					data-toggle="dropdown">公告管理<span class="caret"></span></a>
					<ul class="dropdown-menu">
						<li><a href="GongGao">公告查看</a></li>
						<li ><a href="GongGaoNew">新建公告</a></li>
					</ul></li>
		</ul>
		<ul class="nav navbar-top-links navbar-right">
			<li class="dropdown"><a class="dropdown-toggle"
				data-toggle="dropdown" href="#"> <i class="fa fa-envelope fa-fw"></i>
					<i class="fa fa-caret-down"></i>
			</a>
				<ul class="dropdown-menu dropdown-messages">
					<li><a href="#">
							<div>
								<strong>令狐冲</strong> <span class="pull-right text-muted">
									<em>昨天</em>
								</span>
							</div>
							<div>今天晚上向大哥找我吃饭，讨论一下去梅庄的事...</div>
					</a></li>
					<li class="divider"></li>
					<li><a class="text-center" href="#"> <strong>查看全部消息</strong>
							<i class="fa fa-angle-right"></i>
					</a></li>
				</ul> <!-- /.dropdown-messages --></li>
			<!-- /.dropdown -->
			<li class="dropdown"><a class="dropdown-toggle"
				data-toggle="dropdown" href="#"> <i class="fa fa-tasks fa-fw"></i>
					<i class="fa fa-caret-down"></i>
			</a>
				<ul class="dropdown-menu dropdown-tasks">
					<li><a href="#">
							<div>
								<p>
									<strong>任务 1</strong> <span class="pull-right text-muted">完成40%</span>
								</p>
								<div class="progress progress-striped active">
									<div class="progress-bar progress-bar-success"
										role="progressbar" aria-valuenow="40" aria-valuemin="0"
										aria-valuemax="100" style="width: 40%">
										<span class="sr-only">完成40%</span>
									</div>
								</div>
							</div>
					</a></li>
					<li class="divider"></li>
					<li><a href="#">
							<div>
								<p>
									<strong>任务 2</strong> <span class="pull-right text-muted">完成20%</span>
								</p>
								<div class="progress progress-striped active">
									<div class="progress-bar progress-bar-info" role="progressbar"
										aria-valuenow="20" aria-valuemin="0" aria-valuemax="100"
										style="width: 20%">
										<span class="sr-only">完成20%</span>
									</div>
								</div>
							</div>
					</a></li>
					<li class="divider"></li>
					<li><a class="text-center" href="#"> <strong>查看所有任务</strong>
							<i class="fa fa-angle-right"></i>
					</a></li>
				</ul> <!-- /.dropdown-tasks --></li>
			<!-- /.dropdown -->
			<li class="dropdown"><a class="dropdown-toggle"
				data-toggle="dropdown" href="#"> <i class="fa fa-bell fa-fw"></i>
					<i class="fa fa-caret-down"></i>
			</a>
				<ul class="dropdown-menu dropdown-alerts">
					<li><a href="#">
							<div>
								<i class="fa fa-comment fa-fw"></i> 新回复 <span
									class="pull-right text-muted small">4分钟之前</span>
							</div>
					</a></li>
					<li class="divider"></li>
					<li><a href="#">
							<div>
								<i class="fa fa-envelope fa-fw"></i> 新消息 <span
									class="pull-right text-muted small">4分钟之前</span>
							</div>
					</a></li>
					<li class="divider"></li>
					<li><a href="#">
							<div>
								<i class="fa fa-tasks fa-fw"></i> 新任务 <span
									class="pull-right text-muted small">4分钟之前</span>
							</div>
					</a></li>
					<li class="divider"></li>
					<li><a href="#">
							<div>
								<i class="fa fa-upload fa-fw"></i> 服务器重启 <span
									class="pull-right text-muted small">4分钟之前</span>
							</div>
					</a></li>
					<li class="divider"></li>
					<li><a class="text-center" href="#"> <strong>查看所有提醒</strong>
							<i class="fa fa-angle-right"></i>
					</a></li>
				</ul> <!-- /.dropdown-alerts --></li>
			<!-- /.dropdown -->
			<li class="dropdown"><a class="dropdown-toggle"
				data-toggle="dropdown" href="#"> <i class="fa fa-user fa-fw"></i>
					<i class="fa fa-caret-down"></i>
			</a>
				<ul class="dropdown-menu dropdown-user">
					<li><a href="#"><i class="fa fa-user fa-fw"></i> 用户设置</a></li>
					<li><a href="#"><i class="fa fa-gear fa-fw"></i> 系统设置</a></li>
					<li><a href="#"><i class="fa fa-gear fa-fw"></i>员工姓名：<%=request.getSession().getAttribute("ygname")%></a></li>
					<li><a href="#"><i class="fa fa-gear fa-fw"></i>员工工号：<%=request.getSession().getAttribute("ygid")%></a></li>
					<li><a href="#"><i class="fa fa-gear fa-fw"></i>用户名：<%=request.getSession().getAttribute("loginname")%></a></li>
					<li><a href="#"><i class="fa fa-gear fa-fw"></i>职位：<%=request.getSession().getAttribute("zhiwei")%></a> </li>
					<li><a href="#"><i class="fa fa-gear fa-fw"></i>部门：<%=request.getSession().getAttribute("organziation")%></a></li>
					<li class="divider"></li>
					<li><a href="tologin"><i class="fa fa-sign-out fa-fw"></i>
							退出登录</a></li>
				</ul> <!-- /.dropdown-user --></li>
			<!-- /.dropdown -->
		</ul>
		<!-- /.navbar-top-links -->

		<div class="navbar-default sidebar" role="navigation">
			<div class="sidebar-nav navbar-collapse">
				<ul class="nav" id="side-menu">
					<li class="sidebar-search">
						<div class="input-group custom-search-form">
							<input type="text" class="form-control" placeholder="查询内容...">
							<span class="input-group-btn">
								<button class="btn btn-default" type="button">
									<i class="fa fa-search" style="padding: 3px 0 3px 0;"></i>
								</button>
							</span>
						</div> <!-- /input-group -->
					</li>
					<li><a href="yuangong" class="active"><i
							class="fa fa-edit fa-fw"></i> 员工管理</a></li>
					<li><a href="organization"><i
							class="fa fa-dashboard fa-fw"></i>部门管理</a></li>
				</ul>
			</div>
			<!-- /.sidebar-collapse -->
		</div>
		<!-- /.navbar-static-side --> </nav>

		<div id="page-wrapper">
			<div class="row">
				<div class="col-lg-12">
					<h1 class="page-header">部门管理</h1>
				</div>
				<!-- /.col-lg-12 -->
			</div>

			<div class="row">
				<div class="col-lg-12">
					<div class="panel panel-default">
						<div class="panel-heading">部门信息列表
						<div style="float: right">                                                                                                          
						 <a href="#" class="btn btn-success btn-xs" data-toggle="modal" data-target="#insertOrganizationDialog" onclick="editOrganizationinsert()">添加部门</a>
						 </div>
						<table class="table table-bordered table-striped">
							<thead>
								<tr>
									<th>ID</th>
									<th>部门名称</th>
									<th>部门编号</th>
									<th>部门简介</th>
									<th>部门负责人</th>
									<th>部门人数</th>
									<th>操作</th>
								</tr>
							</thead>
							<tbody>
								<c:forEach items="${page.rows}" var="row">
									<tr>
										<td width="80px">&nbsp;&nbsp;&nbsp;<input type="checkbox" name="chcs" value="${row.id}"/>&nbsp;&nbsp;&nbsp;&nbsp;${row.id}</td>
										<td>${row.oname}</td>
										<td>${row.snumber}</td>
										<td>${row.descpt}</td>
										<td>${row.opeople}</td>
										<td>${row.count}</td>
										<td><a href="#" class="btn btn-primary btn-xs"
											data-toggle="modal" data-target="#OrganizationEditDialog"
											onclick="editOrganization(${row.id})">修改</a> 
											<a href="#"
											class="btn btn-danger btn-xs"
											onclick="deleteOrganization('${row.id}','${row.oname}')">删除</a>
											</td>
																	
			</tr>
								</c:forEach>
								
							</tbody>
						</table>
						<div class="col-md-12 text-right">
							<itheima:page
								url="${pageContext.request.contextPath }/organization" />
						</div>
						<!-- /.panel-body -->
					</div>
					<!-- /.panel -->
				</div>
				<!-- /.col-lg-12 -->
			</div>
		</div>
		<!-- /#page-wrapper -->

	</div>
	<!-- 修改部门对话框 -->
	<div class="modal fade" id="OrganizationEditDialog" tabindex="-1"
		role="dialog" aria-labelledby="myModalLabel">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title" id="myModalLabel">修改部门信息</h4>
					
				</div>
				<div class="modal-body">
					<form class="form-horizontal required-validate" id="updateOrganization_edit">
						<input type="hidden" id="edit_id" name="id" />

						<div class="form-group">
							<label for="edit_onamenew"
								style="float: left; padding: 7px 15px 0 27px;">部门名称</label>
							<div class="col-sm-10">
								<input type="text" class="form-control" id="edit_onamenew"
									placeholder="部门名称" name="onamenew">
							</div>
						</div>
						
						<input type="hidden" id="edit_oname" name="oname"/>


						<div class="form-group">
							<label for="edit_snumber" class="col-sm-2 control-label">部门编号</label>
							<div class="col-sm-10">
								<input type="text" class="form-control" id="edit_snumber"
									placeholder="部门编号" name="snumber">
							</div>
						</div>


						<div class="form-group">
							<label for="edit_descpt" class="col-sm-2 control-label">部门简介</label>
							<div class="col-sm-10">
								<input type="text" class="form-control" id="edit_descpt"
									placeholder="部门简介" name="descpt">
							</div>
						</div>
						<div class="form-group">
							<label for="edit_opeople" class="col-sm-2 control-label">部门负责人</label>
							<div class="col-sm-10">
								<input type="text" class="form-control" id="edit_opeople"
									placeholder="部门负责人" name="opeople" readonly>
							</div>
						</div>

					</form>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
					<button type="button" class="btn btn-primary"
						onclick="updateOrganization()">保存修改</button>
				</div>
			</div>
		</div>
	</div>
	
	<!-- 插入部门对话框 -->
	<div class="modal fade" id="insertOrganizationDialog" tabindex="-1"
		role="dialog" aria-labelledby="myModalLabel">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title" id="myModalLabel">添加部门信息</h4>
					
				</div>
				<div class="modal-body">
					<form class="form-horizontal required-validate" id="insertOrganization_edit" >
						<input type="hidden" id="edit_idinsert" name="id" />

						<div class="form-group">
							<label for="edit_onameinsert" class="col-sm-2 control-label">部门名称</label>
							<div class="col-sm-10">
								<input type="text" class="form-control" id="edit_onameinsert"
									placeholder="部门名称" name="oname">
							</div>
						</div>
						

						<div class="form-group">
							<label for="edit_snumberinsert" class="col-sm-2 control-label">部门编号</label>
							<div class="col-sm-10">
								<input type="text" class="form-control" id="edit_snumberinsert"
									placeholder="部门编号" name="snumber">
							</div>
						</div>


						<div class="form-group">
							<label for="edit_descptinsert" class="col-sm-2 control-label">部门简介</label>
							<div class="col-sm-10">
								<input type="text" class="form-control" id="edit_descptinsert"
									placeholder="部门简介" name="descpt">
							</div>
						</div>
						<div class="form-group">
							<label for="edit_opeopleinsert" class="col-sm-2 control-label">部门负责人</label>
							<div class="col-sm-10">
								<input type="text" class="form-control" id="edit_opeopleinsert"
									placeholder="部门负责人" name="opeople">
							</div>
						</div>
						<div class="form-group">
							<label for="edit_countinsert" class="col-sm-2 control-label">部门人数</label>
							<div class="col-sm-10">
								<input type="text" value="0" class="form-control"
									 name="count">
							</div>
						</div>

					</form>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
					<button type="submit" class="btn btn-primary" name="submit"
						onclick="insertOrganization()">保存新增</button>
				</div>
			</div>
		</div>
	</div>
	<!-- /#wrapper -->

	<!-- jQuery -->

    <script type="text/javascript" src="js/jquery-3.3.1.js"></script>
	<!-- Bootstrap Core JavaScript -->
	<script  type="text/javascript" src="<%=basePath%>js/bootstrap.js"></script>
	<script type="text/javascript" src="<%=basePath%>js/bootstrapValidator.js"></script>
	<!-- Metis Menu Plugin JavaScript -->
	<script type="text/javascript" src="<%=basePath%>js/metisMenu.min.js"></script>
	
	<!-- DataTables JavaScript -->
	<script type="text/javascript" src="<%=basePath%>js/jquery.dataTables.min.js"></script>
	<script type="text/javascript" src="<%=basePath%>js/dataTables.bootstrap.min.js"></script>
	
	<!-- Custom Theme JavaScript -->
	<script type="text/javascript" src="<%=basePath%>js/sb-admin-2.js"></script>

	<!-- Bootstrap Core CSS -->
	<%-- <link type="text/css" href="<%=basePath%>css/bootstrap.css" rel="stylesheet"/>  --%>
	 <link type="text/css" href="<%=basePath%>css/bootstrapValidator.min.css" rel="stylesheet"/>
	
	<script language="JavaScript">
	function editOrganization(id) {
		$.ajax({
			type:"get",
			url:"<%=basePath%>organization/edit.action",
			data:{"id":id},
			success:function(data) {  
				$("#edit_id").val(data.id);
				$("#edit_oname").val(data.oname);
				$("#edit_onamenew").val(data.oname);
				$("#edit_snumber").val(data.snumber);
				$("#edit_descpt").val(data.descpt);
				$("#edit_opeople").val(data.opeople);
				$("#edit_count").val(data.count);
			}
		});
	}
	//前台向后端传值
	function editOrganizationinsert() {
		$.ajax({
			type:"get",
			url:"<%=basePath%>organization/edit.action",
			data:{"id":id},
			success:function(data) {  
				$("#edit_idinsert").val(data.id);
				$("#edit_onameinsert").val(data.oname);
				
				$("#edit_snumberinsert").val(data.snumber);
				$("#edit_descptinsert").val(data.descpt);
				$("#edit_opeopleinsert").val(data.opeople);
				
			}
		});
	}
	
	
	
	
	

	function updateOrganization() {
		$.post("<%=basePath%>organization/update.action",$("#updateOrganization_edit").serialize(),function(data){
			alert("部门信息更新成功！");
			location.href="organization";
		});
	}
	
	function insertOrganization() {
		
		
		 $.post("<%=basePath%>organization/insert.action",$("#insertOrganization_edit").serialize(),function(data){
			alert("部门信息添加成功！");
			window.location.reload();
		});
	}
	
	function deleteOrganization(id,oname) {
		
		if(confirm('确实要删除该部门吗?')) {
			$.post("<%=basePath%>organization/delete.action",{"id":id,"oname":oname},function(data){
				alert("部门删除成功！");
				window.location.reload();
			});
		}
	}
	
	
	$(function() {
		formupdate = $('#updateOrganization_edit');
		forminsert = $('#insertOrganization_edit');
		
		checkupdate(formupdate);
		checkinsert(forminsert);
		

		

	});
	
	function checkinsert(form){
		
		form.bootstrapValidator({
			excluded : 'disabled',
			message : '输入值不合法',
			feedbackIcons : {
				valid : 'glyphicon glyphicon-ok',
				invalid : 'glyphicon glyphicon-remove',
				validating : 'glyphicon glyphicon-refresh'
			},
			live : 'enabled',
			fields : {
				oname : {
					message : '用户名不合法',
					validators : {
						notEmpty : {
							message : '用户名不能为空'
						},
						stringLength : {
							min : 3,
							max : 30,
							message : '请输入3到30个字符'
						},
						regexp : {
							regexp : /^[\u0391-\uFFE5]+$/,
							message : '用户名只能由汉字组成 '
						}
					}
				}, 
				
				snumber : {
					validators : {
						notEmpty : {
							message : '部门编号不能为空'
						},
						stringLength : {
							min : 3,
							max : 6,
							message : '请输入3到6个字符'

						},
						regexp : {
							regexp : /^[0-9]*$/,
							message : '用户名只能由数字组成 '
						}

					}
				}

			}
		});
		
		
		
		
		
		
	}
function checkupdate(form){
		
		form.bootstrapValidator({
			excluded : 'disabled',
			message : '输入值不合法',
			feedbackIcons : {
				valid : 'glyphicon glyphicon-ok',
				invalid : 'glyphicon glyphicon-remove',
				validating : 'glyphicon glyphicon-refresh'
			},
			live : 'enabled',
			fields : {
				onamenew : {
					message : '用户名不合法',
					validators : {
						notEmpty : {
							message : '用户名不能为空'
						},
						stringLength : {
							min : 3,
							max : 30,
							message : '请输入3到30个字符'
						},
						regexp : {
							regexp : /^[\u0391-\uFFE5]+$/,
							message : '用户名只能由汉字组成 '
						}
					}
				}, 
				
				snumber : {
					validators : {
						notEmpty : {
							message : '部门编号不能为空'
						},
						stringLength : {
							min : 3,
							max : 6,
							message : '请输入3到6个字符'

						},
						regexp : {
							regexp : /^[0-9]*$/,
							message : '用户名只能由数字组成 '
						}

					}
				}

			}
		});
		
		
		
	}

 	
 
	</script>
 	

</body>

</html>
